<template>
  <div id="app">
    <div class="con">
        <router-view/>
    </div>
    <footer>
        <ul>
            <router-link to="/">首页</router-link>
            <router-link to="/menu">菜单</router-link>
            <router-link to="/order">订单</router-link>
            <router-link to="/car">购物车</router-link>
            <router-link to="/my">我的</router-link>
        </ul>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
    *{
        margin:0;
        padding:0;
        box-sizing: border-box;
        list-style: none;
    }
    html,body{
        width:100%;
        height:100%;
        overflow: hidden;
    }

    #app{
        width:100%;
        height:100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    .con{
        width:100%;
        flex:1;
    }
</style>
